.detailsvideo { background-color: #eeeeee; height: 100%; }

.detailsvideo .icon-shoucang { font-size: 18px; }

.detailsvideo .icon-shoucang1 { font-size: 18px; color: yellow; }

.detailsvideo .header { background-color: #fff; height: 44px; line-height: 44px; position: sticky; width: 375px; left: 0; top: 0; z-index: 10000; border-bottom: 1px solid #f2f2f2; }

.detailsvideo .header .header-wrap { display: flex; justify-content: space-between; align-items: center; padding: 0px 10px; height: 44px; line-height: 44px; font-size: 16px; color: #333; }

.detailsvideo .header .header-wrap img { width: 22px; height: 22px; }

.detailsvideo .header .header-wrap .icon-sort { font-size: 22px; color: #333; }

.detailsvideo .video { height: 210px; }

.detailsvideo .video video { width: 100%; background-color: #000; }

.detailsvideo .dishes-wrap .video-bar { padding-top: 10px; background-color: #bbb; padding-bottom: 6px; display: flex; }

.detailsvideo .dishes-wrap .video-bar .box { width: 50%; text-align: center; }

.detailsvideo .dishes-wrap .video-bar .cell { height: 20px; line-height: 20px; }

.detailsvideo .dishes-wrap .video-bar .cell .icons { font-size: 13px; color: #5d5d5d; display: inline-block; height: 20px; line-height: 20px; }

.detailsvideo .dishes-wrap .video-bar .cell .icons .icon { background-image: url(http://pub.szzhangchu.com/web/v4.2/images/ico/ico-play-list.png); width: 14px; height: 14px; background-size: cover; display: inline-block; vertical-align: -2px; margin-right: 4px; }

.detailsvideo .dishes-wrap .video-bar .cell .active { color: #f2682a; }

.detailsvideo .dishes-wrap .video-title .goods-show { background-color: #fff; padding: 10px 15px; }

.detailsvideo .dishes-wrap .video-title .goods-show .goods-desc h5 { margin-top: 2px; margin-bottom: 6px; color: #5d5d5d; font-size: 15px; }

.detailsvideo .dishes-wrap .video-title .goods-show .goods-desc .label-bar { display: flex; line-height: 26px; margin-bottom: 6px; }

.detailsvideo .dishes-wrap .video-title .goods-show .goods-desc .label-bar .iconfont { font-size: 18px; margin-right: 8px; color: #ff8f5c; }

.detailsvideo .dishes-wrap .video-title .goods-show .goods-desc .label-bar ul { display: flex; align-items: center; }

.detailsvideo .dishes-wrap .video-title .goods-show .goods-desc .label-bar ul li { height: 16px; line-height: 10px; text-align: center; color: #ff8f5c; font-size: 10px; display: inline-block; border-radius: 10px; border: 1px solid #ff8f5c; padding: 3px 4px; box-sizing: border-box; margin-right: 8px; }

.detailsvideo .dishes-wrap .video-title .goods-show .goods-desc p { color: #909090; font-size: 12px; }

.detailsvideo .dishes-wrap .video-title .goods-show-bar { padding: 10px 0 10px; background-color: #fff; border-bottom: 1px solid #e1e1e1; }

.detailsvideo .dishes-wrap .video-title .goods-show-bar ul { display: flex; }

.detailsvideo .dishes-wrap .video-title .goods-show-bar ul li { width: 33.3%; text-align: center; font-size: 11px; color: #5d5d5d; display: flex; align-items: center; flex-direction: column; }

.detailsvideo .dishes-wrap .video-title .goods-show-bar ul li .ico { margin-bottom: 6px; background-size: cover; display: inline-block; vertical-align: middle; }

.detailsvideo .dishes-wrap .video-title .goods-show-bar ul li .ico-cook { background-image: url(http://pub.szzhangchu.com/web/v4.2/images/ico/ico-cook-level.png); width: 17px; height: 17px; }

.detailsvideo .dishes-wrap .video-title .goods-show-bar ul li .ico-time { background-image: url(http://pub.szzhangchu.com/web/v4.2/images/ico/ico-time.png); width: 17px; height: 17px; }

.detailsvideo .dishes-wrap .video-title .goods-show-bar ul li .ico-taste { background-image: url(http://pub.szzhangchu.com/web/v4.2/images/ico/ico-taste.png); width: 17px; height: 17px; }

.detailsvideo .goods-detail { width: 100%; height: 100%; }

.detailsvideo .goods-detail { margin-top: 8px; border-top: 1px solid #e1e1e1; }

.detailsvideo .goods-detail .nav-height .nav-box { width: 100%; margin: 0 auto; background: #fff; }

.detailsvideo .goods-detail .nav-height .nav-box .adm-tabs-tab-active { color: #f2682a; }

.detailsvideo .goods-detail .nav-height .nav-box .adm-tabs-tab-line { background: #f2682a; }

.detailsvideo .goods-detail .nav-height .cook-step-md { padding: 0 8px; }

.detailsvideo .goods-detail .nav-height .cook-step-md ul li { width: 335px; font-size: 11px; }

.detailsvideo .goods-detail .nav-height .cook-step-md ul li img { height: 189px; font-size: 0px; object-fit: cover; vertical-align: bottom; width: 100%; }

.detailsvideo .goods-detail .nav-height .cook-step-md ul li .tips { margin: 10px 0; }

.detailsvideo .goods-detail .nav-height .cook-step-md ul li .tips .num { color: #f2682a; }

.detailsvideo .goods-detail .nav-height .section-content { width: 100%; background: #fff; }

.detailsvideo .goods-detail .nav-height .section-content .nd-top { display: flex; justify-content: space-around; margin-top: 10px; }

.detailsvideo .goods-detail .nav-height .section-content .nd-top .lz { padding: 5px 10px; border: 1px solid #f2682a; display: flex; align-items: center; border-radius: 12px; }

.detailsvideo .goods-detail .nav-height .section-content .nd-top .lz .iconfont { font-size: 13px; margin-right: 5px; color: #f2682a; }

.detailsvideo .goods-detail .nav-height .section-content .nd-top .lz .add-lz { color: #f2682a; font-size: 13px; font-weight: bold; }

.detailsvideo .goods-detail .nav-height .section-content .nd-top .active { border: 1px solid #ccc; }

.detailsvideo .goods-detail .nav-height .section-content .nd-top .active .add-lz { color: #ccc; }

.detailsvideo .goods-detail .nav-height .section-content .nd-top .active .iconfont { color: #ccc; }

.detailsvideo .goods-detail .nav-height .section-content .material-list img { width: 100%; font-size: 0px; margin: 0 auto; }

.detailsvideo .goods-detail .nav-height .section-content .material-list ul li { display: flex; justify-content: space-between; padding: 10px 4px; font-size: 12px; border-bottom: 1px dashed #eee; }

.detailsvideo .goods-detail .nav-height .section-content .sense-md { background-color: #eee; border-bottom: 1px solid #e1e1e1; width: 100%; }

.detailsvideo .goods-detail .nav-height .section-content .sense-md img { width: 100%; font-size: 0px; margin: 0 auto; }

.detailsvideo .goods-detail .nav-height .section-content .sense-md .sense-list ul li { padding: 12px 10px; border-top: 1px solid #e1e1e1; background-color: #fff; color: #959595; font-size: 11px; line-height: 160%; }

.detailsvideo .goods-detail .nav-height .section-content .sense-md .sense-list ul li h5 { margin-bottom: 6px; color: #362e2b; font-size: 13px; }

.detailsvideo .goods-detail .nav-height .section-content .suit-md { background-color: #eee; }

.detailsvideo .goods-detail .nav-height .section-content .suit-md .bg-white { width: 100%; border-bottom: 1px solid #e1e1e1; }

.detailsvideo .goods-detail .nav-height .section-content .suit-md .bg-white img { width: 100%; font-size: 0px; margin: 0 auto; }

.detailsvideo .goods-detail .nav-height .section-content .suit-md .suit-list ul li { padding: 10px 10px 10px; background-color: #fff; color: #959595; font-size: 11px; line-height: 160%; }

.detailsvideo .goods-detail .nav-height .section-content .suit-md .suit-list ul li .hd { margin-bottom: 4px; padding-left: 50px; color: #362e2b; font-size: 11px; }

.detailsvideo .goods-detail .nav-height .section-content .suit-md .suit-list ul li .green { color: #66cf38; }

.detailsvideo .goods-detail .nav-height .section-content .suit-md .suit-list ul li .red { color: red; }

.detailsvideo .goods-detail .nav-height .section-content .suit-md .suit-list ul li .list .rows { display: flex; border-bottom: 1px solid #e1e1e1; padding: 10px 0; width: 100%; }

.detailsvideo .goods-detail .nav-height .section-content .suit-md .suit-list ul li .list .rows img { width: 40px; height: 40px; }

.detailsvideo .goods-detail .nav-height .section-content .suit-md .suit-list ul li .list .rows .text { margin-left: 10px; }

.detailsvideo .goods-detail .nav-height .section-content .suit-md .suit-list ul li .list .rows .text h5 { margin-bottom: 2px; color: #362e2b; font-size: 13px; }

.detailsvideo .goods-detail .nav-height .section-content .suit-md .suit-list ul li .list .rows .text span { font-size: 12px; color: #b095a3; }

.detailsvideo .goods-detail .commentBox { margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; background: #fff; }

.detailsvideo .goods-detail .commentBox .heading { width: 100%; padding: 0 20px; font-size: 15px; height: 50px; line-height: 50px; }

.detailsvideo .goods-detail .commentBox .heading span { display: inline-block; border-bottom: 2px solid #ff8a5a; height: 24px; line-height: 24px; }

.detailsvideo .goods-detail .commentBox .commentForm { display: flex; padding: 0 20px; margin: 10px 0; }

.detailsvideo .goods-detail .commentBox .commentForm img { border-radius: 50%; width: 30px; height: 30px; margin-left: 5px; margin-right: 5px; }

.detailsvideo .goods-detail .commentBox .commentForm .commentInput { height: 30px; border: 1px solid #d8d8d8; background: #fff; width: 245px; }

.detailsvideo .goods-detail .commentBox .commentForm .commentInput .input-text { width: 245px; height: 100%; }

.detailsvideo .goods-detail .commentBox .commentForm .commentInput .input-text input { width: 245px; border: 0; color: #333; height: 30px; line-height: 30px; font-size: 13px; padding: 0 6px; outline: none; border-radius: 0 !important; }

.detailsvideo .goods-detail .commentBox .commentForm .commentBtn { width: 50px; text-align: center; font-size: 13px; background: #afafaf; border: 0; color: #fff !important; height: 32px; line-height: 32px; }

.detailsvideo .goods-detail .commentBox .commentWrap { padding: 4px 20px; }

.detailsvideo .goods-detail .commentBox .commentWrap .comment-list { padding: 16px 0; font-size: 12px; border-bottom: 1px solid #eaeaea; display: flex; }

.detailsvideo .goods-detail .commentBox .commentWrap .comment-list img { border-radius: 50%; width: 30px; height: 30px; margin-left: 5px; margin-right: 5px; }

.detailsvideo .goods-detail .commentBox .commentWrap .comment-list .comment-content { vertical-align: top; width: 82%; position: relative; margin-left: 10px; }

.detailsvideo .goods-detail .commentBox .commentWrap .comment-list .comment-content .nick { height: 16px; font-size: 14px; margin-bottom: 10px; }

.detailsvideo .goods-detail .commentBox .commentWrap .comment-list .comment-content .comment-content .content { font-size: 12px; padding-top: 10px; line-height: 20px; word-wrap: break-word; }

.detailsvideo .goods-detail .likeBox { background: #fff; }

.detailsvideo .goods-detail .likeBox .heading { height: 50px; line-height: 50px; font-size: 15px; text-align: center; }

.detailsvideo .goods-detail .likeBox .heading span { display: inline-block; border-bottom: 2px solid #ff8a5a; height: 24px; line-height: 24px; }

.detailsvideo .goods-detail .likeBox .goods-page { padding-bottom: 8px; width: 100%; }

.detailsvideo .goods-detail .likeBox .goods-page .box { border-top: 0; padding: 0 10px; background-color: #fff; }

.detailsvideo .goods-detail .likeBox .goods-page .box ul li { height: 82.5px; background-color: #fff; margin-top: 0; padding-top: 8px; overflow: hidden; border-bottom: none; padding-left: 0; padding-bottom: 0; display: flex; margin-bottom: 6px; }

.detailsvideo .goods-detail .likeBox .goods-page .box ul li .img { width: 120px; height: 82.5px; margin-right: 8px; position: relative; margin-top: 0; margin-left: 0; }

.detailsvideo .goods-detail .likeBox .goods-page .box ul li .img img { width: 100%; font-size: 0px; margin: 0 auto; }

.detailsvideo .goods-detail .likeBox .goods-page .box ul li .img .icon { width: 22px; height: 22px; margin-top: -12px; margin-left: -12px; position: absolute; top: 50%; left: 50%; z-index: 5; background: url(http://pub.szzhangchu.com/web/v4.2/images/ico/ico-play.png); background-size: 100%; }

.detailsvideo .goods-detail .likeBox .goods-page .box ul li .text { width: 227px; }

.detailsvideo .goods-detail .likeBox .goods-page .box ul li .text h6 { font-size: 14px; color: #50493e; line-height: 16px; margin-bottom: 4px; }

.detailsvideo .goods-detail .likeBox .goods-page .box ul li .text span { color: #a3a3a3; font-size: 12px; margin: 4px 0 0 0; line-height: 16px; height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.detailsvideo .goods-detail .likeBox .goods-page .box ul li .text .label-bar { overflow: hidden; background-color: #fff; line-height: 16px; height: 20px; margin-top: 10px; }

.detailsvideo .goods-detail .likeBox .goods-page .box ul li .text .label-bar a { color: #ff8f5c; font-size: 11px; display: inline-block; height: 20px; margin-right: 6px; }

.detailsvideo .goods-detail .likeBox .goods-page .box ul li .text .label-bar a span { height: 16px; line-height: 10px; text-align: center; color: #ff8f5c; font-size: 10px; display: inline-block; border-radius: 10px; border: 1px solid #ff8f5c; padding: 2px 6px; box-sizing: border-box; }
